body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative;}
/*header*/
#header{ width:100%; height:36px; background:#915858;}
.header{ width:1000px; margin:0 auto;}
.header a img.logo{ float:left;}
.header p{ float:right; color:#fff2f3; font:normal 14px/36px "Microsoft Yahei","\5b8b\4f53"; margin-left:20px;}
.header p a{ color:#fff; padding:0 4px;}
.header p a:hover{ text-decoration:underline;}
.header ul{ float:right; padding-left:6px;}
.header ul li { width: 68px; height: 36px; display: block; float: left; position: relative; z-index:77; font:normal 14px/36px "Microsoft Yahei","\5b8b\4f53";}
.mobile{ text-indent:19px; background:url(../images/interview2015/interview2015.png) no-repeat -118px -1px;}
.mobile a{ color:#ec7814;}
.topNav{ width: 68px; height: 36px; position: absolute; z-index: 1; background:url(../images/interview2015/headerIcon.png) no-repeat 0 -72px; cursor: pointer;  text-align: center;}
.sub .topNav{ background:url(../images/interview2015/headerIcon.png) no-repeat 0 0;}
.topNav a{ color:#ec7814;}
.active_on,.active_out{ width: 68px; height: 36px; position: absolute; z-index: 111; line-height: 36px; cursor: pointer; text-align: center; font:normal 14px/36px "Microsoft Yahei","\5b8b\4f53";}
.active_on a,.active_out a{ color:#ec7814;}
.active_on{ background:url(../images/interview2015/headerIcon.png) no-repeat -2px -108px;}
.active_out{ background:url(../images/interview2015/headerIcon.png) no-repeat 0 -72px;}
.sub .active_on{ background:#fff url(../images/interview2015/headerIcon.png) no-repeat -2px -36px; border:1px solid #cacaca; width:64px; height:35px; float:left;}
.sub .active_on a{color:#333;}
.sub .active_out{ background:url(../images/interview2015/headerIcon.png) no-repeat 0 0;}
.botNav { width: 92px; border: 1px solid #cacaca; border-top:0; position: absolute; top: 36px; z-index: 999; display: none; background:#fff;}
.botNav a { display: block; color: #333; text-align: center; font: normal 12px/25px "\5b8b\4f53","Tahoma";}
.botNav a:hover { background: #915858; color: #fff; }
.header span{ float:right; display:inline; height:36px; background:url(../images/interview2015/loginborder.jpg) no-repeat left 0; color:#915858; padding-left:12px; font:normal 14px/36px "Microsoft Yahei","\5b8b\4f53";}
.header span a{ color:#fff; padding:0 4px;}
.header span a:hover{ text-decoration:underline;}
span.afterLogin{ background:none; text-align:right;}
/*adPosition*/
.adPosition{ width:1000px; margin:0 auto; overflow:hidden;}
.adPosition ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed{ float:left;}
/*nav*/
.nav{ width:1000px; height:37px; margin:14px auto 0; border-top:3px solid #915858; border-bottom:5px solid #f0f0f0;}
.nav p{ width:999px; float:left; border-right:1px solid #dedede; font:bold 16px/37px "Microsoft Yahei","simhei";}
.nav p a{ color:#333; width:98px; height:36px; border-left:1px solid #dedede; border-bottom:1px solid #dedede; display:inline-block; text-align:center;}
.nav p a.focus{ width:107px; color:#fff; background:#915858; border-left:1px solid #915858;}
.nav p a:hover{ color:#fff; background:#915858;}
/*mainTop*/
.main{ width:1000px; margin:0 auto;}
.mainTop{ width:1000px; height:54px; float:left; border-bottom:1px solid #f0f0f0; background:url(../images/interview2015/interview2015.png) no-repeat -112px -117px; text-indent:25px;}
.mainTop p{ float:left; font:normal 14px/54px "Microsoft Yahei","\5b8b\4f53"; color:#666;}
.mainTop p a{ color:#666; padding:0 5px;}
.mainTop p a:hover{ color:#f60;}
.mainTop p span{ color:#446cb3; padding-left:5px;}
.mainTop form{ width:300px; height:30px; float:right; margin-top:12px; position:relative;}
.mainTop input{ width:270px; height:28px; position:absolute; right:0; top:0; padding-right:28px; border:1px solid #e5e5e5; font:normal 14px/28px "Microsoft Yahei","\5b8b\4f53"; color:#888; text-indent:6px;}
.mainTop button{ width:28px; height:28px; position:absolute; right:1px; top:1px; background:url(../images/interview2015/interview2015.png) no-repeat -104px -89px; cursor:pointer;}
/*flash*/
.mainLeft{ width:660px; float:left; margin-top:15px;}
.flash{ width:660px; height:330px; float:left; position:relative; z-index:1;}
.flashImg{ width:660px; height:330px; display:none;}
.flash img{ width:660px; height:330px; position:absolute; left:0; top:0; z-index:1;}
.flashBot{ width:660px; height:46px; position:absolute; left:0; top:284px; z-index:2; background:#000; opacity:0.7; filter:alpha(opacity=70);}
.flashBot p{ width:550px; height:46px; float:left; font:normal 22px/42px "Microsoft Yahei","\5b8b\4f53"; text-indent:28px; overflow:hidden;}
.flashBot p a{ color:#fff;}
.flashBot p a:hover{ text-decoration:underline;}
.flashBtn{ width:88px; height:16px; position:absolute; left:569px; top:299px; z-index:3;}
.flashBtn a{ width:14px; height:14px; float:left; margin:0 3px; background:#000; opacity:0.7; filter:alpha(opacity=70); border:1px solid #3d3c3b;}
.flashBtn a.active{ background:#ff5200; opacity:1; filter:alpha(opacity=100); border-color:#ff5200;}
/*sole*/
.sole{ width:660px; float:left; margin-top:20px;}
.leftBoxTop{ width:660px; height:45px; float:left; border-bottom:3px solid #dbdbdb; position:relative; z-index:1;}
.leftBoxTop h3{ height:45px; font:bold 25px/45px "Microsoft Yahei","\5b8b\4f53"; border-bottom:3px solid #915858; position:absolute; left:0; top:0; z-index:2;}
.leftBoxTop h3 a{ color:#915858;}
.leftBoxTop a.more{ line-height:58px; _line-height:45px; float:right; color:#666;}
.leftBoxTop a.more:hover{ color:#f60; text-decoration:underline;}
.sole ul{ width:660px; height:398px; float:left; border-bottom:1px solid #efefef; overflow:hidden;}
.sole li{ width:660px; height:96px; float:left; padding:18px 0; border-bottom:1px dotted #dbdbdb;}
.sole li.hover{ background:#f7f7f7;}
.sole img{ width:148px; height:96px; float:left; margin-right:14px;}
.sole span{ width:498px; height:46px; float:left; font:normal 22px/46px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.sole span a{ color:#333;}
.sole span a:hover{ color:#915858; font-weight:bold;}
.sole p{ width:498px; height:44px; float:left; line-height:22px; color:#666;}
.sole p a{ color:#f60;}
.sole p a:hover{ color:#915858; text-decoration:underline;}
/*people*/
.people{ width:660px; float:left; margin-top:10px;}
.peopleList{ width:660px; float:left; border-bottom:1px solid #efefef;}
.people ul{ width:680px; float:left; padding:10px 0; margin-left:-20px;}
.people li{ width:320px; height:105px; float:left; padding:9px 0; margin-left:20px; display:inline;}
.people li img{ width:105px; height:105px; float:left; margin-right:12px;}
.people li span{ width:193px; height:44px; float:left; margin:6px 0; overflow:hidden; font-size:14px; line-height:22px; font-weight:bold;}
.people li span a{ color:#333;}
.people li p{ width:193px; height:22px; float:left; line-height:22px; color:#333; overflow:hidden;}
.people li.hover{ background:#915858;}
.people li.hover span a{ color:#fff;}
.people li.hover p{ color:#f5c0ba;}
/*popularity*/
.popularity{ width:660px; float:left; margin-top:12px;}
.popularity ul{ width:660px; float:left; padding-top:3px;}
.popularity li{ width:660px; height:98px; float:left; border-bottom:1px solid #efefef;}
.popularity li span{ width:660px; height:44px; float:left; margin-top:5px; font:normal 22px/44px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.popularity li span a{ color:#333;}
.popularity li span a:hover{ color:#915858; font-weight:bold;}
.popularity li p{ width:660px; height:36px; float:left; line-height:18px; color:#666; overflow:hidden;}
.popularity li p a{ color:#f60;}
.popularity li p a:hover{ color:#915858; text-decoration:underline;}
/*mainRight*/
.mainRight{ width:300px; float:right; margin-top:4px;}
/*adPosition2*/
.adPosition2{ width:300px; margin:0 auto; overflow:hidden;}
.adPosition2 ul{ width:310px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition2 li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition2 img,.adPosition2 embed{}
/*appoint*/
.appoint{ width:300px; height:212px; float:left; background:#f0f0f0;}
.appoint dt{ width:300px; height:132px; float:left; background:#f0f0f0;}
.appoint span{ width:264px; height:32px; float:left; margin:4px 18px 0; font:bold 16px/32px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.appoint span a{ color:#333;}
.appoint span a:hover{ color:#915858; text-decoration:underline;}
.appoint p{ width:264px; height:88px; float:left; margin:0 18px; display:inline; font:normal 14px/22px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
/*rank*/
.rank{ width:300px; float:left; margin-top:30px; border-bottom:1px solid #efefef;}
.rankTop{ width:300px; height:36px; float:left; position:relative; background:#915858;}
.rankTop span{ width:132px; height:45px; position:absolute; top:0; left:-10px; background:url(../images/interview2015/interview2015.png) no-repeat 0 -175px; font: normal 22px/34px "Microsoft Yahei","\5b8b\4f53"; text-indent:22px;}
.rankTop span a{ color:#fff;}
.rankTitle{ width:300px; height:42px; float:left; background:#f5c3bc; position:relative;}
.rankTitle p{ width:300px; height:30px; position:absolute; top:12px; left:11px; font: normal 16px/29px "Microsoft Yahei","\5b8b\4f53"; text-align:center;}
.rankTitle a{ width:86px; height:29px; float:left; background:#f5c3bc; border:1px solid #915858; border-bottom:0; margin-left:4px; color:#915858;}
.rankTitle a.active{ background:#f7f7f7; border-bottom:1px solid #f7f7f7; font-weight:bold;}
.rank .rankMain{ float:left; background:url(../images/interview2015/rankbg.jpg) no-repeat; display:none;}
.rank ul{ width:262px; float:left; padding:16px 18px 14px 18px; border-left:1px solid #efefef; border-right:1px solid #efefef; border-top:1px solid #915858; }
.rank ul li{ width: 262px; height: 30px; display: block; float: left; position: relative; overflow: hidden; }
.rank ul li b{ width: 23px; height: 18px; display: block; position: absolute; top: 6px; border: 1px solid #915858; color: #915858; font: normal 15px/18px "Microsoft Yahei","simhei"; text-align: center; }
.rank ul li span{ width: 227px; height: 30px; display: block; position: absolute; right: 0px; font: normal 14px/30px "Microsoft Yahei","\5b8b\4f53"; overflow: hidden; }
.rank ul li span a{ color: #333; }
.rank ul li img{ width: 100px; height: 80px; position: absolute; top: 34px; }
.rank ul li p{ width:137px; height: 60px; position: absolute; right: 0; font: normal 12px/20px "Microsoft Yahei","\5b8b\4f53"; padding: 9px 12px; background: #fff; border:1px solid #DEDEDE; border-left: 0px; top: 34px; }
.rank ul li p a{ color:#915858;}
.rank ul li span a:hover,.rank ul li p a:hover{ color:#f60; text-decoration:underline;}
.rank ul li.hover{ height:118px;}
/*company-topic*/
.mainBox{ width:300px; float:left; margin-top:55px; background:url(../images/interview2015/boxbg.gif) repeat-y -300px 0;}
.mainBoxTop{ width:300px; float:left; background:url(../images/interview2015/boxbg.gif) no-repeat 0 top;}
.mainBoxBot{ width:300px; float:left; background:url(../images/interview2015/boxbg.gif) no-repeat -600px bottom; position:relative; z-index:1;}
.mainBox h2{ width:240px; height:30px; position:absolute; top:-15px; left:30px; text-align:center; color:#5c5c5c; z-index:2;}
.mainBoxImg{ width:260px; height:170px; float:left; margin:31px 0 0 20px; display:inline; position:relative; z-index:1;}
.mainBoxImg img{ width:260px; height:170px; position:absolute; top:0; left:0; z-index:1;}
.mainBoxImg b,.mainBoxImg p{ width:260px; height:30px; position:absolute; top:140px; left:0; z-index:2;}
.mainBoxImg b{ background:#000; filter:alpha(opacity=80); opacity:0.8;}
.mainBoxImg p{ z-index:3; text-align:center; overflow:hidden;}
.mainBoxImg p a{ font:bold 14px/30px "Microsoft Yahei","\5b8b\4f53"; color:#fff;}
.mainBoxImg p a:hover{ text-decoration:underline;}
.mainBoxImg em{ width:64px; height:64px; position:absolute; left:93px; top:45px;z-index:2;}
.mainBox ul{ width:260px; float:left; padding:6px 0 18px 20px;}
.mainBox li{ width:260px; height:29px; float:left; font:normal 14px/29px "Microsoft Yahei","\5b8b\4f53"; background:url(../images/interview2015/interview2015.png) no-repeat -124px -52px; text-indent:16px; overflow:hidden;}
.mainBox li a{ color:#333;}
.mainBox li a:hover{ color:#915858; font-weight:bold;}
.company h2{ background:url(../images/interview2015/company.jpg) no-repeat;}
.topic h2{ background:url(../images/interview2015/topic.jpg) no-repeat;}
.topic span{ width:170px; height:44px; float:left; margin-top:8px; font:bold 14px/22px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.topic span a{ color:#252525;}
.topic span a:hover,.topic p a:hover{ color:#f60; text-decoration:underline;}
.topic span{ width:260px; height:22px; margin:0; padding:28px 20px 8px;}
.topic img{ width:100px; height:80px; float:left; margin-left:20px;}
.topic p{ width:140px; height:60px; float:left; padding:9px 10px; border:1px solid #dedede; border-left:0; line-height:20px; overflow:hidden; color:#888;}
.topic p a{ color:#446cb3;}
.topic ul{ padding:7px 0 20px 20px;}
.topic li{ height:30px; line-height:30px; background-position:-124px -51px;}
/*hbPic*/
.hbPic{ width:1000px; margin:20px auto 0;}
.hbPic .leftBoxTop{ width:1000px;}
.hbPicLeft{ width:400px; height:250px; float:left; margin-top:16px; position:relative; z-index:1;}
.hbPicLeft img{ width:400px; height:250px; position:absolute; left:0; top:0; z-index:1;}
.hbPicLeft b,.hbPicLeft p{ width:400px; height:36px; position:absolute; left:0; top:214px; background:#000; z-index:2;}
.hbPicLeft p{ background:none; font: bold 14px/36px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; text-align:center; z-index:3;}
.hbPicLeft p a:hover{ text-decoration:underline;}
.hbPicRight{ width:600px; float:left; margin-top:6px;}
.hbPicRight ul{ width:600px; float:left;}
.hbPicRight li{ width:190px; height:120px; float:left; padding:10px 0 0 10px; position:relative; z-index:1;}
.hbPicRight img{ width:190px; height:120px; position:absolute; left:10px; top:10px; z-index:1;}
.hbPicRight b{ width:190px; height:28px; position:absolute; left:10px; bottom:0; background-color:#000; z-index:2;}
.hbPicRight p{ width:186px; height:28px; position:absolute; left:12px; bottom:0; font: normal 14px/28px "\5b8b\4f53","Tahoma"; overflow:hidden; text-align:center; z-index:3;}
.hbPicRight p a,.hbPicLeft p a{ color:#fff;}
.hbPicRight li.hover b{ width:190px; height:50px; position:absolute; left:10px; bottom:0; background-color:#915858; z-index:2;}
.hbPicRight li.hover p{ width:156px; height:46px; position:absolute; left:28px; bottom:0; font: bold 14px/21px "\5b8b\4f53","Tahoma"; overflow:hidden; text-align:left; z-index:3;}
/*adPosition3*/
.line{ width:100%; float:left; border-top:3px solid #dbdbdb; margin-top:36px;}
.lineBox{ width:1000px; margin:0 auto; position:relative; z-index:1;}
.adPosition3{ width:1000px; margin:0 auto; overflow:hidden; border-top:3px solid #717171; position:absolute; left:0; top:-3px; z-index:2;}
.adPosition3 ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition3 li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition3 img,.adPosition3 embed{ float:left;}
/*foot*/
.foot{ width:1000px; margin:10px auto 0; text-align:center; color:#686161; padding-bottom:20px;}
.foot span{ width:998px; height:43px; float:left; line-height:43px; background-color:#f5f5f5; border:1px solid #e0dfdf; color:#686161;}
.foot span a{ padding:0 6px; color:#333333;}
.foot span a:hover{ color:#f60; text-decoration:underline;}
.foot p.web{ width:1000px; float:left; padding:15px 0; color:#686161; font-size:14px;}
.foot p.web a{ color:#915858;}
.foot p.web a:hover{ color:#f60; text-decoration:underline;}
.foot p{ font:normal 12px/26px "Tahoma", "\5b8b\4f53";}
.foot strong{ padding:0 25px 0 0;}
.foot b{ padding:0 1px;}
.foot b img{ vertical-align:middle;}
.foot b a{
	position: relative;
	cursor: pointer;
}
.foot b a .QQhover {
	 position: absolute;
	 left: 0px;
	 bottom: 21px;
	 border: 1px solid #666;
	 border-radius: 4px;
	line-height: 20px;
   color: #333;
	background: rgba(255,255,255,.9);
	 display: none;
	 cursor: auto;
	font-weight: 500;
	height: 20px;
	 width: 110px;
	 text-align: center;
	 resize: none;
	 cursor: pointer;
     overflow: hidden;
   resize: none;
   font-family: "Microsoft Yahei";
	}
	.foot b a .QQhover::after{
	 position: absolute;
	 left: 0;
	 top: 0;
	 line-height: 20px;
	 content: "QQ:";
	}
	.foot b a:hover .QQhover{
	 display: inline-block;
	}

/*toTop*/
*html,*html body{ background-attachment:fixed; z-index:1;}
*html #contact{ right:expression(eval(document.documentElement.scrollLeft+20)); top:expression(eval(document.documentElement.scrollTop+46));}
#contact{ position:fixed; _position:absolute; top:158px; display:block; right:20px; z-index:1;}
.contact{ width:120px;}
.contact dl{ width:120px; float:left;}
.contact dt{ width:120px; float:left; height:30px; text-align:center; color:#fff; background:url(../images/interview2015/gotopbg.jpg) no-repeat; font:normal 18px/30px "Microsoft Yahei","\5b8b\4f53";}
.contact dd{ width:120px; float:left;}
.contact ul{ width:118px; float:left; border-left:1px solid #dee0e3; border-right:1px solid #dee0e3; background:#fff;}
.contact li{ width:118px; float:left; border-bottom:1px solid #dee0e3; text-align:center; color:#666; font-size:14px;}
.contact li img{ width:88px; height:88px; float:left; margin:2px 0 0 15px;}
.contact li em{ width:118px; float:left; padding-bottom:4px; line-height:20px; font-style:normal;}
.contact li.phone,.contact li.qq{ background:#f5f5f5; padding:6px 0;}
.contact li span{ line-height:18px;}
.contact li b{ width:118px; float:left; color:#915858; font:bold 14px/20px "Tahoma","\5b8b\4f53"; letter-spacing:-1px;}
.contact li p{ line-height:26px;}
.contact li.qq{ height:24px; padding:11px 0;}
.contact li.qq a{ width:87px; height:24px; float:left; background:url(../images/interview2015/interview2015.png) no-repeat 0 0; margin-left:15px;}
.contact li.qq  a{
	position: relative;
	cursor: pointer;
}
.contact li.qq  a .QQhover {
	 position: absolute;
	 left: 0px;
	 bottom: 21px;
	 border: 1px solid #666;
	 border-radius: 4px;
	line-height: 20px;
   color: #333;
	background: rgba(255,255,255,.9);
	 display: none;
	 cursor: auto;
	font-weight: 500;
	height: 20px;
	 width: 110px;
	 text-align: center;
	 resize: none;
	 cursor: pointer;
     overflow: hidden;
   resize: none;
   font-family: "Microsoft Yahei";
	}
	.contact li.qq  a .QQhover::after{
	 position: absolute;
	 left: 0;
	 top: 0;
	 line-height: 20px;
	 content: "QQ:";
	}
	.contact li.qq  a:hover .QQhover{
	 display: inline-block;
	}
.toTop{ width:120px; height:62px; position:fixed; _position:absolute; top:428px; _top:expression(eval(document.documentElement.scrollTop+318)); display:none; z-index:2;}
.toTop a{ display:block; width:120px; height:62px; background:url(../images/interview2015/interview2015.png) no-repeat 0 -258px; filter:alpha(opacity=60); opacity:0.6;}
.toTop a:hover{ filter:alpha(opacity=100); opacity:1;}